<template>
    <div>
        <a-modal
            v-model:visible="visible"
            title="审评员遴选"
            @cancel="visible = false"
            width="100%"
            :footer="null"
            class="selectPrudently-handle-modal"
        >
            <div  style="display: flex;flex-direction: column;align-items: center;">
                <div v-if="!view" style="width: 60%;margin: 5px 0 20px 0;">
                    <a-steps :current="currentSteps" size="small" >
                        <a-step title="计划起草" />
                        <a-step title="报名审核" />
                        <a-step title="培训管理" />
                        <a-step title="培训考核" />
                        <a-step title="确认名单" />
                        <a-step title="计划完成" />
                    </a-steps>
                </div>
                <div style="width: 100%;overflow-y: auto;padding-bottom: 50px;" :style="{height: !view?'calc(100vh - 130px)':'calc(100vh - 85px)'}">
                    <div style="margin-top: 10px;" v-if="currentSteps == 0 || currentSteps == 5">
                        <div
                            v-if="currentSteps == 5"
                            style="
                            display:flex;
                            justify-content:space-between;
                            padding:10px;
                            background:#dbe6f2;
                            align-items:center;
                            border:1px solid #e4e3e3;
                            border-bottom:0;
                            ">
                            <span style="font-size:16px;font-weight:600;">计划信息</span>
                            <div style="color:#2F54EB;">
                                <span v-if="planDisplay" style="display:flex;align-items:center;" @click="planDisplay = false;">
                                    <span style="padding-right:3px">折叠   </span>
                                    <a-icon type="down" />
                                </span>
                                <span v-if="!planDisplay" style="display:flex;align-items:center;" @click="planDisplay = true;">
                                    <span style="padding-right:3px">展开</span>
                                    <a-icon type="up" />
                                </span>
                            </div>
                        </div>

                        <a-form-model
                            v-if="planDisplay"
                            :key="ruleFormKey"
                            :id="randomId"
                            class="selectPrudently-form0-model-big-box"
                            ref="ruleForm0"
                            :model="formState"
                            :rules="rules"
                            layout="inline"
                        >

                            <a-descriptions bordered style="width: 100%;" class="selectPrudently-descriptions-0">
                                <a-descriptions-item :span="2">
                                    <span slot="label" class="descriptions-label-slot">
                                        <span class="xhText" >*</span>
                                        计划名称
                                    </span>
                                    <a-form-model-item ref="fjhmc" prop="fjhmc" class="zm-form-model">
                                        <div style="width: 100%;">
                                            <a-textarea
                                                v-if="currentSteps !== 5"
                                                style="width: 100%;"
                                                v-model="formState.fjhmc"
                                                :autosize="{ minRows: 1, maxRows: 10000 }"
                                                placeholder="请输入计划名称"
                                            ></a-textarea>
                                            <span v-else>{{ formState.fjhmc }}</span>
                                        </div>
                                    </a-form-model-item>
                                </a-descriptions-item>
                                <a-descriptions-item>
                                    <span slot="label" class="descriptions-label-slot">
                                        <span class="xhText" >*</span>
                                        报名起止时间
                                    </span>
                                    <a-form-model-item prop="bmsjArr">
                                        <a-range-picker v-if="currentSteps !== 5" v-model="formState.bmsjArr" placeholder="请选择报名开始时间" />
                                        <span v-else>{{ moment(formState.fjhcjsj).format('YYYY-MM-DD') }}至{{ moment(formState.fjhjzsj).format('YYYY-MM-DD') }}</span>
                                    </a-form-model-item>
                                </a-descriptions-item>
                                <!-- <a-descriptions-item>
                                    <span slot="label" class="descriptions-label-slot">
                                        <span class="xhText" >*</span>
                                        报名截止时间
                                    </span>
                                    <a-form-model-item prop="fjhjzsj">
                                        <a-date-picker v-if="currentSteps !== 5" v-model="formState.fjhjzsj" placeholder="请选择报名截止时间" />
                                        <span v-else>{{ moment(formState.fjhjzsj).format('YYYY-MM-DD') }}</span>
                                    </a-form-model-item>
                                </a-descriptions-item> -->

                                <a-descriptions-item :span="2">
                                    <span slot="label" class="descriptions-label-slot">
                                        <!-- <span class="xhText" >*</span> -->
                                        发文附件
                                    </span>
                                    <div style="display: flex;align-items: center;">
                                        <!-- <a-form-model-item >
                                            <a-input
                                                v-model="formState.ffwbh"
                                                placeholder="请输入发文编号"
                                            />
                                        </a-form-model-item> -->
                                        <div style="display: flex;align-items: center;margin-left: 10px;">
                                            <div class="fawwj-fileList-box" v-if="formState.ffwfjdz" style="display: flex;align-items: center;flex-direction: row;height: auto;">
                                                <div class="toolbox-file-coontern" style="margin-right: 5px;flex: 1;">
                                                    <a-tooltip placement="rightBottom">
                                                        <template slot="title">
                                                        <span>
                                                            <a target="\_blank" :href="formState.ffwfjdz">发文附件</a>
                                                        </span>
                                                        </template>
                                                        <span class="toolbox-file-name" style="-webkit-line-clamp: 1;"><a href="#">发文附件</a></span>
                                                    </a-tooltip>

                                                </div>
                                                <div class="fileList-icon-btn" style="flex: none;">
                                                    <a-upload v-if="currentSteps !== 5" style="display: inline-block;" :showUploadList="false" :beforeUpload="$evevt=>{return false}" action="" @change="uploadClick">
                                                        <a-icon type="upload" class="toolbox-upload-icon-type" @click="ffwfjdzClick"/>
                                                    </a-upload>
                                                    <a target="\_blank" :href="formState.ffwfjdz"><a-icon type="eye" class="toolbox-eye-icon-type" style="padding: 0;margin: 0;margin-right: 5px;" /></a>

                                                </div>
                                            </div>
                                            <div  v-if="currentSteps !== 5 && !formState.ffwfjdz">
                                                <a-upload v-if="formState.id" style="display: inline-block;" :showUploadList="false" :beforeUpload="$evevt=>{return false}" action="" @change="uploadClick">
                                                    <a-button class="green-l-btn" style="margin-right: 10px;" icon="upload" type="primary" @click="ffwfjdzClick">上传文件</a-button>
                                                </a-upload>
                                                <a-button v-else class="green-l-btn" style="margin-right: 10px;" icon="upload" type="primary" @click="$message.warning('请先暂存')">上传文件</a-button>
                                            </div>
                                        </div>
                                    </div>

                                </a-descriptions-item>
                                <a-descriptions-item>
                                    <span slot="label" class="descriptions-label-slot">
                                        <!-- <span class="xhText" >*</span> -->
                                        发文编号
                                    </span>
                                    <div style="display: flex;align-items: center;">
                                        <a-form-model-item >
                                            <a-input
                                                v-if="currentSteps !== 5"
                                                v-model="formState.ffwbh"
                                                placeholder="请输入发文编号"
                                            />
                                            <span v-else>{{ formState.ffwbh }}</span>
                                        </a-form-model-item>
                                        <!-- <div style="display: flex;align-items: center;margin-left: 10px;">
                                            <a v-if="formState.ffwfjdz" target="\_blank" :href="formState.ffwfjdz">发文附件</a>
                                            <div style="padding: 2px;"></div>
                                            <a-upload v-if="formState.id" style="display: inline-block;" :showUploadList="false" :beforeUpload="$evevt=>{return false}" action="" @change="uploadClick">
                                                <a-button style="margin-right: 10px;" icon="upload" type="primary" ghost @click="ffwfjdzClick">上传文件</a-button>
                                            </a-upload>
                                            <a-button v-else style="margin-right: 10px;" icon="upload" type="primary" @click="$message.warning('请先暂存')" ghost>上传文件</a-button>
                                        </div> -->
                                    </div>

                                </a-descriptions-item>

                                <a-descriptions-item :span="2">
                                    <span slot="label" class="descriptions-label-slot">
                                        <span class="xhText" >*</span>
                                        专家分类
                                    </span>
                                    <a-form-model-item prop="fjhcjlb">
                                        <div style="height: 40px; overflow-y: auto;">
                                            <a-checkbox-group v-model="formState.fjhcjlb" v-if="currentSteps !== 5" style="line-height: 40px;">
                                                <a-checkbox
                                                v-for="(item, key) in jcylbList"
                                                :key="key" :value="item.itemValue"
                                                >
                                                    {{ item.itemText }}
                                                </a-checkbox>
                                            </a-checkbox-group>
                                            <span v-else>{{ formState.fjhcjlb.join(',') }}</span>
                                        </div>
                                    </a-form-model-item>
                                </a-descriptions-item>
                                <a-descriptions-item :span="3">
                                    <span slot="label" class="descriptions-label-slot">
                                        <span class="xhText" >*</span>
                                        遴选人数
                                    </span>
                                    <a-form-model-item prop="fjhcjrs">
                                        <div style="width: 184px;">
                                            <a-input-number
                                            v-if="currentSteps !== 5"
                                             style='width:100%'
                                             id="inputNumber"
                                             v-model="formState.fjhcjrs"
                                             :min="0"
                                             :precision='0'
                                             placeholder="请输入遴选人数"
                                            />
                                            <span v-else>{{ formState.fjhcjrs }}</span>
                                        </div>
                                    </a-form-model-item>
                                </a-descriptions-item>
                                <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                    <span slot="label" class="descriptions-label-slot">

                                        设置在线报名
                                    </span>
                                    <div>
                                        <a-radio-group :disabled="currentSteps !== 0?true:false" :options="plainOptionsList" v-model:value="formState.fpxbmzt" style="line-height: 40px;"/>
                                    </div>
                                </a-descriptions-item>
                                <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                    <span slot="label" class="descriptions-label-slot">

                                        设置在线签到
                                    </span>
                                    <div>
                                        <a-radio-group :disabled="currentSteps == 5 || currentSteps == 0?true:false" :options="plainOptionsList" v-model:value="formState.fpxqdzt" style="line-height: 40px;"/>
                                    </div>
                                </a-descriptions-item>
                                <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                    <span slot="label" class="descriptions-label-slot">

                                        设置在线考试
                                    </span>
                                    <div style="height: 40px;">
                                        <a-radio-group :disabled="currentSteps == 5 || currentSteps == 0?true:false" :options="plainOptionsList" v-model:value="formState.fpxkszt" style="line-height: 40px;"/>
                                    </div>
                                </a-descriptions-item>

                                <a-descriptions-item v-if="formState.id && currentSteps !== 5" :span="1">
                                    <span slot="label" style="display: flex;align-items: center;" class="descriptions-label-slot">
                                        <span style="display: flex;justify-content: center;flex: 1;">
                                            <span>二</span>
                                            <span>维</span>
                                            <span>码</span>
                                        </span>
                                    </span>
                                    <div style="width: 100%;">
                                        <div style="display: flex;align-items: center;padding: 5px 0;justify-content: center;">
                                            <canvas :key="canvasKey" :id="canvasId" width="100px" height="100px"></canvas>
                                            <!-- <div style="display: flex;flex-direction: column;height: 100px;justify-content: space-between;margin-left: 10px;" >
                                                <div style="display: flex;align-items: center;">
                                                    <span style="font-weight: 600;">设置在线报名：</span>
                                                    <a-radio-group :options="plainOptionsList" v-model:value="formState.fpxbmzt" />
                                                </div>
                                                <div style="display: flex;align-items: center;">
                                                    <span style="font-weight: 600;">设置在线签到：</span>
                                                    <a-radio-group :options="plainOptionsList" v-model:value="formState.fpxqdzt" />
                                                </div>
                                                <div style="display: flex;align-items: center;">
                                                    <span style="font-weight: 600;">设置在线考试：</span>
                                                    <a-radio-group :options="plainOptionsList" v-model:value="formState.fpxkszt" />
                                                </div>
                                            </div> -->
                                        </div>
                                    </div>
                                </a-descriptions-item>
                                <a-descriptions-item :span="2">
                                    <span slot="label" class="descriptions-label-slot">

                                        备注说明
                                    </span>
                                    <a-form-model-item prop="fbz" class="zm-form-model">
                                        <div style="width: 100%;">
                                            <a-textarea
                                                v-if="currentSteps !== 5"
                                                style="width: 100%;"
                                                v-model="formState.fbz"
                                                :autosize="{ minRows: 3, maxRows: 10000 }"
                                                placeholder="请输入备注说明"
                                            ></a-textarea>
                                            <span v-else>{{ formState.fbz }}</span>
                                        </div>
                                    </a-form-model-item>
                                </a-descriptions-item>
                            </a-descriptions>
                        </a-form-model>
                    </div>
                    <div style="margin-top: 10px;" v-if="currentSteps == 2 || currentSteps == 3 || currentSteps == 4 || currentSteps == 5">
                        <div>
                            <div
                            v-if="currentSteps == 5"
                             style="
                             display:flex;
                             justify-content:space-between;
                             padding:10px;
                             background:#dbe6f2;
                             align-items:center;
                             border:1px solid #e4e3e3;
                             border-bottom:0;
                             ">
                                <span style="font-size:16px;font-weight:600;">培训信息</span>
                                <div style="color:#2F54EB;">
                                    <span v-if="trainDisplay" style="display:flex;align-items:center;" @click="trainDisplay = false;occupancyHeight3=100">
                                        <span style="padding-right:3px">折叠   </span>
                                        <a-icon type="down" />
                                    </span>
                                    <span v-if="!trainDisplay" style="display:flex;align-items:center;" @click="trainDisplay = true;occupancyHeight3=360">
                                        <span style="padding-right:3px">展开</span>
                                        <a-icon type="up" />
                                    </span>
                                </div>
                            </div>
                            <div v-show="trainDisplay">
                                <a-form-model
                                    :key="ruleFormKey3"
                                    :id="randomId3"
                                    class="selectPrudently-form0-model-big-box"
                                    ref="ruleForm3"
                                    :model="formState3"
                                    :rules="rules3"
                                    layout="inline"
                                >
                                    <a-descriptions bordered style="width: 100%;" class="selectPrudently-descriptions-2" v-if="currentSteps == 2 || currentSteps == 5">
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" >*</span>
                                                培训班名称
                                            </span>
                                            <a-form-model-item ref="fpxmc" prop="fpxmc" class="zm-form-model">
                                                <div style="width: 100%;">
                                                    <a-textarea
                                                    v-if="currentSteps !== 5"
                                                        style="width: 100%;"
                                                        v-model="formState3.fpxmc"
                                                        :autosize="{ minRows: 1, maxRows: 10000 }"
                                                        placeholder="请输入培训班名称"
                                                    ></a-textarea>
                                                    <span v-else>{{ formState3.fpxmc }}</span>
                                                </div>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" >*</span>
                                                培训时间
                                            </span>
                                            <a-form-model-item ref="fpxSj" prop="fpxSj">
                                                <a-range-picker v-if="currentSteps !== 5" v-model="formState3.fpxSj" />
                                                <span v-else>{{ formState3.fpxSj.length?(moment(formState3.fpxSj[0]).format('YYYY-MM-DD')+'至'+moment(formState3.fpxSj[1]).format('YYYY-MM-DD')):'' }}</span>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <!-- <span class="xhText" >*</span> -->
                                                认定学时
                                            </span>
                                            <a-form-model-item ref="fpxxs" prop="fpxxs">
                                                <a-input-number
                                                v-if="currentSteps !== 5"
                                                 style="width: 142px;"
                                                 placeholder="请输入认定学时"
                                                 v-model="formState3.fpxxs"
                                                 :min="0" :precision="0" />
                                                 <span v-else>{{ formState3.fpxxs }}</span>
                                                 &nbsp;&nbsp;学时
                                            </a-form-model-item>
                                        </a-descriptions-item>

                                        <a-descriptions-item :span="1">
                                            <span slot="label" class="descriptions-label-slot">
                                                <!-- <span class="xhText" >*</span> -->
                                                发文附件
                                            </span>
                                            <div style="display: flex;align-items: center;">
                                                <!-- <a-form-model-item >
                                                    <a-input
                                                        v-model="formState.ffwbh"
                                                        placeholder="请输入发文编号"
                                                    />
                                                </a-form-model-item> -->
                                                <div style="display: flex;align-items: center;margin-left: 10px;">
                                                    <div class="fawwj-fileList-box" v-if="formState3.fpxfjdz" style="display: flex;align-items: center;flex-direction: row;height: auto;">
                                                        <div class="toolbox-file-coontern" style="margin-right: 5px;flex: 1;">
                                                            <a-tooltip placement="rightBottom">
                                                                <template slot="title">
                                                                <span>
                                                                    <a target="\_blank" :href="formState3.fpxfjdz">发文附件</a>
                                                                </span>
                                                                </template>
                                                                <span class="toolbox-file-name" style="-webkit-line-clamp: 1;"><a href="#">发文附件</a></span>
                                                            </a-tooltip>

                                                        </div>
                                                        <div class="fileList-icon-btn" style="flex: none;">
                                                            <a-upload v-if="currentSteps !== 5" style="display: inline-block;" :showUploadList="false" :beforeUpload="$evevt=>{return false}" action="" @change="uploadClick3">
                                                                <a-icon type="upload" class="toolbox-upload-icon-type" @click="fpxfjdzClick"/>
                                                            </a-upload>
                                                            <a target="\_blank" :href="formState3.fpxfjdz"><a-icon type="eye" class="toolbox-eye-icon-type" style="padding: 0;margin: 0;margin-right: 5px;" /></a>

                                                        </div>
                                                    </div>
                                                    <div v-else>
                                                        <a-upload v-if="formState.id && currentSteps !== 5" style="display: inline-block;" :showUploadList="false" :beforeUpload="$evevt=>{return false}" action="" @change="uploadClick3">
                                                            <a-button class="green-l-btn" style="margin-right: 10px;" icon="upload" type="primary" @click="fpxfjdzClick">上传文件</a-button>
                                                        </a-upload>
                                                    </div>
                                                </div>
                                            </div>

                                        </a-descriptions-item>
                                        <a-descriptions-item :span="1">
                                            <span slot="label" class="descriptions-label-slot">
                                                <!-- <span class="xhText" >*</span> -->
                                                培训文号
                                            </span>
                                            <div style="display: flex;align-items: center;">
                                                <a-form-model-item prop="fpxbh">
                                                    <a-input
                                                        v-if="currentSteps !== 5"
                                                        style="width: 184px;"
                                                        v-model="formState3.fpxbh"
                                                        placeholder="请输入培训文号"
                                                    />
                                                    <span v-else>{{ formState3.fpxbh }}</span>
                                                </a-form-model-item>
                                                <!-- <div style="display: flex;align-items: center;margin-left: 10px;">
                                                    <a v-if="formState3.fpxfjdz" target="\_blank" :href="formState3.fpxfjdz">发文附件</a>
                                                    <div style="padding: 2px;"></div>
                                                    <a-upload v-if="formState3.id" style="display: inline-block;" :showUploadList="false" :beforeUpload="$evevt=>{return false}" action="" @change="uploadClick3">
                                                        <a-button style="margin-right: 10px;" icon="upload" type="primary" ghost @click="fpxfjdzClick">上传文件</a-button>
                                                    </a-upload>
                                                </div> -->
                                            </div>
                                        </a-descriptions-item>
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                培训人数
                                            </span>
                                            <a-form-model-item ref="fpxrs" prop="fpxrs" class="zm-form-model">
                                                <a-input-number
                                                v-if="currentSteps !== 5"
                                                 style="width: 184px;"
                                                 placeholder="请输入培训人数"
                                                 v-model="formState3.fpxrs"
                                                 :min="0" :precision="0" />
                                                 <span v-else>{{ formState3.fpxrs }}</span>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="3">
                                            <span slot="label" class="descriptions-label-slot">

                                                培训内容
                                            </span>
                                            <a-form-model-item ref="fpxnr" prop="fpxnr" class="zm-form-model">
                                                <div style="width: 100%;">
                                                    <a-textarea
                                                        v-if="currentSteps !== 5"
                                                        style="width: 100%;"
                                                        v-model="formState3.fpxnr"
                                                        :autosize="{ minRows: 1, maxRows: 10000 }"
                                                        placeholder="请输入培训内容"
                                                    ></a-textarea>
                                                    <span v-else>{{ formState3.fpxnr }}</span>
                                                </div>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                        <!-- <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" style="color: #fff;" >*</span>
                                                考核方式
                                            </span>
                                            <a-form-model-item ref="fcjfs" prop="fcjfs">
                                                <a-radio-group v-model="formState3.fcjfs" v-if="currentSteps !== 5">
                                                    <a-radio value="线上">线上</a-radio>
                                                    <a-radio value="线下">线下</a-radio>
                                                </a-radio-group>
                                                <span v-else>{{ formState3.fcjfs }}</span>
                                            </a-form-model-item>
                                        </a-descriptions-item> -->
                                        <a-descriptions-item :span="3">
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" >*</span>
                                                培训地点
                                            </span>
                                            <a-form-model-item ref="fpxdd" prop="fpxdd" class="zm-form-model">
                                                <div style="width: 100%;">
                                                    <a-textarea
                                                        v-if="currentSteps !== 5"
                                                        style="width: 100%;"
                                                        v-model="formState3.fpxdd"
                                                        :autosize="{ minRows: 1, maxRows: 10000 }"
                                                        placeholder="请输入培训地点"
                                                    ></a-textarea>
                                                    <span v-else>{{ formState3.fpxdd }}</span>
                                                </div>
                                            </a-form-model-item>
                                        </a-descriptions-item>

                                        <!-- <a-descriptions-item :span="3">
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" >*</span>
                                                培训试卷
                                            </span>
                                            <div style="display: flex;flex-direction: column;justify-content: center;">
                                                <div style="display: flex;align-items: center;align-items: center;margin-top: 21px;">
                                                    <div v-if="formState3.fsjmc">
                                                        <span style="font-weight: 600;">试卷名称：</span>
                                                        <span>{{ currentTest.fsjmc }}</span>
                                                        <br/>
                                                        <span style="font-weight: 600;">试卷类型：</span>
                                                        <span>{{ currentTest.fsjlx }}</span>
                                                    </div>
                                                    <a-button v-if="formState3.fsjmc" style="margin-right: 10px;margin-left: 10px;" class="green-btn" type="primary" icon="eye" @click="detailedClick(currentTest)">试卷详情</a-button>
                                                    <a-button class="green-l-btn" v-if="currentSteps !== 5" style="margin-right: 10px;margin-left: 10px;" icon="plus" type="primary" @click="selectTest">选择试卷</a-button>
                                                </div>
                                                <a-form-model-item prop="fsjmc">
                                                    <a-input
                                                        style="width: 184px;display: none;"
                                                        v-model="formState3.fsjmc"
                                                        placeholder="请输入培训文号"
                                                    />
                                                </a-form-model-item>
                                            </div>
                                         </a-descriptions-item> -->
                                         <!-- <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" >*</span>
                                                合格分数
                                            </span>
                                            <div style="display: flex;flex-direction: column;justify-content: center;">
                                                <a-form-model-item prop="fpxhgx">
                                                    <a-input-number  v-if="currentSteps !== 5" style="width: 184px;" placeholder="请输入合格分数" id="inputNumber" v-model="formState3.fpxhgx" :min="1" @change="onfpxhgxChange" />
                                                    <span v-else>{{ formState3.fpxhgx }}</span>
                                                </a-form-model-item>
                                            </div>
                                         </a-descriptions-item> -->
                                         <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                            <span slot="label" class="descriptions-label-slot">

                                                设置在线报名
                                            </span>
                                            <div>
                                                <a-radio-group :disabled="currentSteps == 5 || currentSteps == 2?true:false" :options="plainOptionsList" v-model:value="formState3.fpxbmzt" style="line-height: 40px;"/>
                                            </div>
                                        </a-descriptions-item>
                                        <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                            <span slot="label" class="descriptions-label-slot">

                                                设置在线签到
                                            </span>
                                            <div>
                                                <a-radio-group :disabled="currentSteps !== 2?true:false"  :options="plainOptionsList" v-model:value="formState3.fpxqdzt" style="line-height: 40px;"/>
                                            </div>
                                        </a-descriptions-item>
                                        <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                            <span slot="label" class="descriptions-label-slot">

                                                设置在线考试
                                            </span>
                                            <div style="height: 40px;">
                                                <a-radio-group :disabled="currentSteps == 5 || currentSteps == 2?true:false" :options="plainOptionsList" v-model:value="formState3.fpxkszt" style="line-height: 40px;"/>
                                            </div>
                                        </a-descriptions-item>

                                        <a-descriptions-item v-if="formState.id && currentSteps !== 5" :span="1">
                                            <span slot="label" style="display: flex;align-items: center;" class="descriptions-label-slot">
                                                
                                                <span style="display: flex;justify-content: center;flex: 1;">
                                                    <span>二</span>
                                                    <span>维</span>
                                                    <span>码</span>
                                                </span>
                                            </span>
                                            <div style="width: 100%;">
                                                <div style="display: flex;align-items: center;padding: 5px 0;justify-content: center;">
                                                    <canvas :key="canvasKey" :id="canvasId" width="100px" height="100px"></canvas>
                                                    <!-- <div style="display: flex;flex-direction: column;height: 100px;justify-content: space-between;margin-left: 10px;" >
                                                        <div style="display: flex;align-items: center;">
                                                            <span style="font-weight: 600;">设置在线报名：</span>
                                                            <a-radio-group :options="plainOptionsList" v-model:value="formState3.fpxbmzt" />
                                                        </div>
                                                        <div style="display: flex;align-items: center;">
                                                            <span style="font-weight: 600;">设置在线签到：</span>
                                                            <a-radio-group :options="plainOptionsList" v-model:value="formState3.fpxqdzt" />
                                                        </div>
                                                        <div style="display: flex;align-items: center;">
                                                            <span style="font-weight: 600;">设置在线考试：</span>
                                                            <a-radio-group :options="plainOptionsList" v-model:value="formState3.fpxkszt" />
                                                        </div>
                                                    </div> -->
                                                </div>
                                            </div>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="2" v-if="currentSteps !== 5">
                                            <span slot="label" class="descriptions-label-slot">

                                                备注说明
                                            </span>
                                            <a-form-model-item prop="fbz" class="zm-form-model">
                                                <div style="width: 100%;">
                                                    <a-textarea
                                                        v-if="currentSteps !== 5"
                                                        style="width: 100%;"
                                                        v-model="formState3.fbz"
                                                        :autosize="{ minRows: 3, maxRows: 10000 }"
                                                        placeholder="请输入备注说明"
                                                    ></a-textarea>
                                                    <span v-else>{{ formState3.fbz }}</span>
                                                </div>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                    </a-descriptions>
                                    <a-descriptions bordered style="width: 100%;" v-if="currentSteps == 3 || currentSteps == 5">
                                        <a-descriptions-item>
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" style="color: #fff;" >*</span>
                                                考核方式
                                            </span>
                                            <a-form-model-item ref="fcjfs" prop="fcjfs">
                                                <a-radio-group v-model="formState3.fcjfs" v-if="currentSteps !== 5">
                                                    <a-radio value="线上">线上</a-radio>
                                                    <a-radio value="线下">线下</a-radio>
                                                </a-radio-group>
                                                <span v-else>{{ formState3.fcjfs }}</span>
                                            </a-form-model-item>
                                        </a-descriptions-item>

                                        <a-descriptions-item :span="1">
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" >*</span>
                                                考核试卷
                                            </span>
                                            <div style="display: flex;flex-direction: column;justify-content: center;">
                                                <div style="display: flex;align-items: center;align-items: center;">
                                                    <div v-if="formState3.fsjmc">
                                                        <span style="font-weight: 600;">试卷名称：</span>
                                                        <span>{{ currentTest.fsjmc }}</span>
                                                        <br/>
                                                        <span style="font-weight: 600;">试卷类型：</span>
                                                        <span>{{ currentTest.fsjlx }}</span>
                                                    </div>
                                                    <a-button v-if="formState3.fsjmc" style="margin-right: 10px;margin-left: 10px;" class="green-btn" type="primary" icon="eye" @click="detailedClick(currentTest)">试卷详情</a-button>
                                                    <a-button class="green-l-btn" v-if="currentSteps !== 5" style="margin-right: 10px;margin-left: 10px;" icon="plus" type="primary" @click="selectTest">选择试卷</a-button>
                                                </div>
                                                <a-form-model-item prop="fsjmc" style="height: 0;">
                                                    <a-input
                                                        style="width: 184px;display: none;"
                                                        v-model="formState3.fsjmc"
                                                        placeholder="请输入培训文号"
                                                    />
                                                </a-form-model-item>
                                            </div>
                                         </a-descriptions-item>
                                         <a-descriptions-item >
                                            <span slot="label" class="descriptions-label-slot">
                                                <span class="xhText" >*</span>
                                                合格分数
                                            </span>
                                            <div style="display: flex;flex-direction: column;justify-content: center;">
                                                <a-form-model-item prop="fpxhgx">
                                                    <a-input-number  v-if="currentSteps !== 5" style="width: 184px;" placeholder="请输入合格分数" id="inputNumber" v-model="formState3.fpxhgx" :min="1" @change="onfpxhgxChange" />
                                                    <span v-else>{{ formState3.fpxhgx }}</span>
                                                </a-form-model-item>
                                            </div>
                                         </a-descriptions-item>
                                         <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                            <span slot="label" class="descriptions-label-slot">

                                                设置在线报名
                                            </span>
                                            <div>
                                                <a-radio-group :disabled="currentSteps == 5 || currentSteps == 3?true:false" :options="plainOptionsList" v-model:value="formState3.fpxbmzt" style="line-height: 40px;"/>
                                            </div>
                                        </a-descriptions-item>
                                        <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                            <span slot="label" class="descriptions-label-slot">

                                                设置在线签到
                                            </span>
                                            <div>
                                                <a-radio-group :disabled="currentSteps == 5 || currentSteps == 3?true:false" :options="plainOptionsList" v-model:value="formState3.fpxqdzt" style="line-height: 40px;"/>
                                            </div>
                                        </a-descriptions-item>
                                        <a-descriptions-item v-if="formState.id && currentSteps !== 5">
                                            <span slot="label" class="descriptions-label-slot">

                                                设置在线考试
                                            </span>
                                            <div style="height: 40px;">
                                                <a-radio-group :disabled="currentSteps !== 3?true:false" :options="plainOptionsList" v-model:value="formState3.fpxkszt" style="line-height: 40px;"/>
                                            </div>
                                        </a-descriptions-item>

                                        <a-descriptions-item v-if="formState.id && currentSteps !== 5" :span="1">
                                            <span slot="label" style="display: flex;align-items: center;" class="descriptions-label-slot">
                                                
                                                <span style="display: flex;justify-content: center;flex: 1;">
                                                    <span>二</span>
                                                    <span>维</span>
                                                    <span>码</span>
                                                </span>
                                            </span>
                                            <div style="width: 100%;">
                                                <div style="display: flex;align-items: center;padding: 5px 0;justify-content: center;">
                                                    <canvas :key="canvasKey" :id="canvasId" width="100px" height="100px"></canvas>
                                                    <!-- <div style="display: flex;flex-direction: column;height: 100px;justify-content: space-between;margin-left: 10px;" >
                                                        <div style="display: flex;align-items: center;">
                                                            <span style="font-weight: 600;">设置在线报名：</span>
                                                            <a-radio-group :options="plainOptionsList" v-model:value="formState3.fpxbmzt" />
                                                        </div>
                                                        <div style="display: flex;align-items: center;">
                                                            <span style="font-weight: 600;">设置在线签到：</span>
                                                            <a-radio-group :options="plainOptionsList" v-model:value="formState3.fpxqdzt" />
                                                        </div>
                                                        <div style="display: flex;align-items: center;">
                                                            <span style="font-weight: 600;">设置在线考试：</span>
                                                            <a-radio-group :options="plainOptionsList" v-model:value="formState3.fpxkszt" />
                                                        </div>
                                                    </div> -->
                                                </div>
                                            </div>
                                        </a-descriptions-item>
                                        <a-descriptions-item :span="2">
                                            <span slot="label" class="descriptions-label-slot">

                                                备注说明
                                            </span>
                                            <a-form-model-item prop="fbz" class="zm-form-model">
                                                <div style="width: 100%;">
                                                    <a-textarea
                                                        v-if="currentSteps !== 5"
                                                        style="width: 100%;"
                                                        v-model="formState3.fbz"
                                                        :autosize="{ minRows: 3, maxRows: 10000 }"
                                                        placeholder="请输入备注说明"
                                                    ></a-textarea>
                                                    <span v-else>{{ formState3.fbz }}</span>
                                                </div>
                                            </a-form-model-item>
                                        </a-descriptions-item>
                                    </a-descriptions>
                                </a-form-model>
                            </div>
                        </div>
                        <div style="margin-top: 10px;" v-if="currentSteps == 2 || currentSteps == 5">
                            <div
                             style="
                             display:flex;
                             justify-content:space-between;
                             padding:10px;
                             background:#dbe6f2;
                             align-items:center;
                             border:1px solid #e4e3e3;
                             border-bottom:0;
                             ">
                                <span style="font-size:16px;font-weight:600;">{{currentSteps == 5?'签到信息':'培训签到评估信息'}}</span>

                                <div style="color:#2F54EB;" v-if="currentSteps == 5">
                                    <span v-if="sessionDisplay" style="display:flex;align-items:center;" @click="sessionDisplay = false;refreshTable32 = Date.now()">
                                        <span style="padding-right:3px">折叠   </span>
                                        <a-icon type="down" />
                                    </span>
                                    <span v-if="!sessionDisplay" style="display:flex;align-items:center;" @click="sessionDisplay = true;refreshTable32 = Date.now()">
                                        <span style="padding-right:3px">展开</span>
                                        <a-icon type="up" />
                                    </span>
                                </div>
                                <a-button v-else class="blue-btn" type="primary" icon="plus" @click="addClick32()">添加培训场次</a-button>
                            </div>
                            <div
                            v-show="sessionDisplay"
                             style="
                                border:1px solid #e4e3e3;
                                border-top:0;"
                            >
                                <commpVxeTable
                                    tableWidth="1100px"
                                    :key="refreshTable32"
                                    ref="headmanVxeTable32"
                                    :config="configData32"
                                    :columns="columnsVxe32"
                                    :formItem="[]"
                                    :conditionBtnRow="true"
                                    :occupancyHeight="occupancyHeight3"
                                >
                                    <template v-slot:fzqdrs_name="{row}">
                                        <span v-if="row.fzqdrs">{{ Number(row.fzqdrs) - Number(row.fyqdrs) }}</span>
                                        <span v-else>无</span>
                                    </template>
                                    <template v-slot:fypjrs_name="{row}">
                                        <span v-if="row.fzqdrs">{{ Number(row.fzpjrs) - Number(row.fypjrs) }}</span>
                                        <span v-else>无</span>
                                    </template>
                                    <template v-slot:operation_btn="{row}" data-desc="自定操作栏">
                                        <a-form layout="inline" class="search-form" >
                                            <a-form-item >
                                                <a-button class="blue-btn" type="primary" icon="edit" @click="editClick32(row)">编辑</a-button>
                                            </a-form-item>
                                            <a-form-item >
                                                <a-button class="green-btn" type="primary" icon="eye" @click="eyeClick32(row)">查看</a-button>
                                            </a-form-item>
                                            <a-form-item >
                                                <a-button class="red-btn" type="primary" icon="delete" @click="deleteClick32(row)">删除</a-button>
                                            </a-form-item>
                                        </a-form>
                                    </template>
                                </commpVxeTable>
                            </div>
                        </div>
                        <!-- 教学调查评估 -->
                        <div v-if="currentSteps == 3 || currentSteps == 5">
                            <div
                                style="
                                    display:flex;
                                    justify-content:space-between;
                                    padding:10px;
                                    background:#dbe6f2;
                                    align-items:center;
                                    border:1px solid #e4e3e3;
                                    border-bottom:0;
                                "
                                :style="{marginTop:currentSteps == 5?'10px':'0'}"
                             >
                                <span style="font-size:16px;font-weight:600;">教学评估调查结果</span>
                                <div style="color:#2F54EB;">
                                    <span v-if="surveyResultsDisplay" style="display:flex;align-items:center;" @click="surveyResultsDisplay = false;">
                                        <span style="padding-right:3px">折叠   </span>
                                        <a-icon type="down" />
                                    </span>
                                    <span v-if="!surveyResultsDisplay" style="display:flex;align-items:center;" @click="surveyResultsDisplay = true;">
                                        <span style="padding-right:3px">展开</span>
                                        <a-icon type="up" />
                                    </span>
                                </div>
                            </div>
                            
                            <!-- surveyResultsData -->
                            <div v-if="surveyResultsDisplay" style="display: flex;flex-direction: column;align-items: flex-start;border: 1px solid #d9d9d9;">
                                <div>
                                    <a-button class="blue-btn" type="primary" @click="surveyResultsPrintObj">打印</a-button>
                                </div>
                                <!-- <div style="width: 100%;"> -->
                                    <div class="surveyResults-content-table">
                                        
                                        <div style="width: 100%;">
                                            <div
                                            style="
                                            font-family: 'fangzhengxiaobiao' !important;
                                            font-size: 22px;
                                            font-weight: 600;
                                            text-align: center;"
                                            >教学评估调查结果</div>
                                            <div class="surveyResults-table-top">
                                                <div class="table-top-item">
                                                    <span>&ensp;培训班名称：</span>
                                                    <span>{{ surveyResultsData.px.pxbmc }}</span>
                                                </div>
                                                <div class="table-top-item">
                                                    <span>&ensp;培训起止时间：</span>
                                                    <span>{{ surveyResultsData.px.pxsj }}</span>
                                                </div>
                                                <div class="table-top-item">
                                                    <span>&ensp;应参加评价</span>
                                                    <span>&nbsp;{{ surveyResultsData.px.ycjpjrs }}&nbsp;人</span>
                                                </div>
                                                <div class="table-top-item">
                                                    <span>&ensp;实际参加评价</span>
                                                    <span>&nbsp;{{ surveyResultsData.px.sjcjpjrs }}&nbsp;人</span>
                                                </div>
                                                <div class="table-top-item">
                                                    <span>&ensp;评价率</span>
                                                    <span>&nbsp;{{ surveyResultsData.px.pjl }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <table border="1" borderColor="#000" style="width:100%;">
                                            <tr>
                                                <th colspan="2">培训评估指标</th>
                                                <th >评价内容及程度</th>
                                                <th style="width: 40px;">满意</th>
                                                <th style="width: 40px;">一般</th>
                                                <th style="width: 60px;">不满意</th>
                                            </tr>
                                            <tr v-for="(item,index) in surveyResultsXxList" :key="index">
                                                <td v-if="item.tIndex == 0"
                                                :rowspan='item.list.length' 
                                                style="width: 75px !important;text-align: center;">
                                                {{ item.type }}
                                                </td>
                                                <td v-if="item.tIndex == 0" style="width: 137px;">{{ item.fpgbt }}</td>
                                                <td v-if="item.tIndex == 0">{{ item.fpgnr }}</td>
                                                <td v-if="item.tIndex == 0" style="text-align: center;">{{ item.my }}</td>
                                                <td v-if="item.tIndex == 0" style="text-align: center;">{{ item.yb }}</td>
                                                <td v-if="item.tIndex == 0" style="text-align: center;">{{ item.bmy }}</td>
                                                
                                                <td v-if="item.tIndex !== 0" >{{ item.fpgbt }}</td>
                                                <td v-if="item.tIndex !== 0">{{ item.fpgnr }}</td>
                                                <td v-if="item.tIndex !== 0" style="text-align: center;">{{ item.my }}</td>
                                                <td v-if="item.tIndex !== 0" style="text-align: center;">{{ item.yb }}</td>
                                                <td v-if="item.tIndex !== 0" style="text-align: center;">{{ item.bmy }}</td>
                                            </tr>
                                        </table>
                                        <table border="1" borderColor="#000" style="width:100%;">
                                            <tr style="border-top: 1px solid #fff;">
                                                <td :rowspan="surveyResultsData.jsjxpjList.length+1" style="width: 75px !important;text-align: center;">教师教学评价</td>
                                                <td style="width: 50px;text-align: center;">
                                                    <div style="display: flex;justify-content: space-between;">
                                                        <span>姓</span>
                                                        <span>名</span>
                                                    </div>
                                                </td>
                                                <td style="width: 108px;text-align: center;">教学时间</td>
                                                <td style="text-align: center;">教学内容</td>
                                                <td style="text-align: center;">教学态度</td>
                                                <td style="text-align: center;">教学内容针对性</td>
                                                <td style="text-align: center;">教学技巧与方法</td>
                                                <td style="text-align: center;">讲解突出重点难点</td>
                                                <td colspan="3" style="text-align: center;">教学效果</td>
                                            </tr>
                                            <tr v-for="(item,index) in surveyResultsJsjxpjList" :key="index">
                                                <td v-if="item.tIndex == 0" :rowspan="item.pxnrList.length">
                                                    <div v-if="item.name && item.name.length == 2" style="display: flex;justify-content: space-between;">
                                                        <span v-for="(trem,aIndex) in item.name.split('')" :key="aIndex">{{ trem }}</span>
                                                    </div>
                                                    <span v-else>{{ item.name }}</span>
                                                </td>
                                                <td v-if="item.tIndex == 0">{{ item.pxsj }}</td>
                                                <td v-if="item.tIndex == 0">{{ item.jxnr }}</td>
                                                <td v-if="item.tIndex == 0" :rowspan="item.pxnrList.length">
                                                    <div style="text-align: center;">
                                                        <span v-if="item.pjnr.fjxtd" v-for="(a,i) in item.pjnr.fjxtd.split('@')">
                                                            <br v-if="i" />
                                                            <span>{{ a.replace(a.replace(/[\u4e00-\u9fa5]/g, ''), "") }}</span>
                                                            <br/>
                                                            <span>{{ a.replace(/[\u4e00-\u9fa5]/g, '') }}</span>
                                                            
                                                        </span>
                                                    </div>
                                                </td>
                                                <td v-if="item.tIndex == 0" :rowspan="item.pxnrList.length">
                                                    <div style="text-align: center;">
                                                        <span v-if="item.pjnr.fjxnrzdx" v-for="(a,i) in item.pjnr.fjxnrzdx.split('@')">
                                                            <br v-if="i" />
                                                            <span>{{ a.replace(a.replace(/[\u4e00-\u9fa5]/g, ''), "") }}</span>
                                                            <br/>
                                                            <span>{{ a.replace(/[\u4e00-\u9fa5]/g, '') }}</span>
                                                        </span>
                                                    </div>
                                                </td>
                                                <td v-if="item.tIndex == 0" :rowspan="item.pxnrList.length">
                                                    <div style="text-align: center;">
                                                        <span v-if="item.pjnr.fjxjqyff" v-for="(a,i) in item.pjnr.fjxjqyff.split('@')">
                                                            <br v-if="i" />
                                                            <span>{{ a.replace(a.replace(/[\u4e00-\u9fa5]/g, ''), "") }}</span>
                                                            <br/>
                                                            <span>{{ a.replace(/[\u4e00-\u9fa5]/g, '') }}</span>
                                                            
                                                        </span>
                                                    </div>
                                                </td>
                                                <td v-if="item.tIndex == 0" :rowspan="item.pxnrList.length">
                                                    <div style="text-align: center;">
                                                        <span v-if="item.pjnr.fjjtczdnd" v-for="(a,i) in item.pjnr.fjjtczdnd.split('@')">
                                                            <br v-if="i" />
                                                            <span>{{ a.replace(a.replace(/[\u4e00-\u9fa5]/g, ''), "") }}</span>
                                                            <br/>
                                                            <span>{{ a.replace(/[\u4e00-\u9fa5]/g, '') }}</span>
                                                            
                                                        </span>
                                                    </div>
                                                </td>
                                                <td v-if="item.tIndex == 0" :rowspan="item.pxnrList.length" colspan="3">
                                                    <div style="text-align: center;">
                                                        <span v-if="item.pjnr.fjxxg" v-for="(a,i) in item.pjnr.fjxxg.split('@')">
                                                            <br v-if="i" />
                                                            <span>{{ a.replace(a.replace(/[\u4e00-\u9fa5]/g, ''), "") }}</span>
                                                            <br/>
                                                            <span>{{ a.replace(/[\u4e00-\u9fa5]/g, '') }}</span>
                                                            
                                                        </span>
                                                    </div>
                                                </td>

                                                <td v-if="item.tIndex !== 0">{{ item.pxsj }}</td>
                                                <td v-if="item.tIndex !== 0">{{ item.jxnr }}</td>
                                            </tr>
                                        </table>
                                    </div>
                                <!-- </div> -->
                            </div>
                        </div>
                        <div class="selectPrudently-tabs-card-edit-box" style="margin: 10px 0 0 0;" >
                          <a-tabs v-if="currentSteps == 4" type="card" v-model:activeKey="activeKey2" @change="activeChange2">
                              <a-tab-pane key="0" tab="确认名单"></a-tab-pane>
                              <a-tab-pane key="1" tab="事项审批"></a-tab-pane>
                          </a-tabs>
                        </div>
                        <div
                         v-if="currentSteps == 3 || (currentSteps == 4 && activeKey2 == '0') || currentSteps == 5" 
                         :style="{margin:'10px 0 0 0',marginTop:currentSteps == 4?'-1px':'10px',border:currentSteps == 4?'1px solid #38f':'0',borderTop:'none !important'}">
                            <div
                             style="
                             display:flex;
                             justify-content:space-between;
                             padding:10px;
                             background:#dbe6f2;
                             align-items:center;
                             border:1px solid #e4e3e3;
                             border-bottom:0;
                             ">
                                <span style="font-size:16px;font-weight:600;">
                                    {{ currentSteps !== 5?(currentSteps == 4?'通过考核人员名单':'人员考核列表'):'已入预备审评员库列表' }}
                                </span>
                                <div style="color:#2F54EB;" v-if="currentSteps !== 4">
                                    <span v-if="assessor" style="display:flex;align-items:center;" @click="assessor = false;occupancyHeight3=120">
                                        <span style="padding-right:3px">折叠   </span>
                                        <a-icon type="down" />
                                    </span>
                                    <span v-if="!assessor" style="display:flex;align-items:center;" @click="assessor = true;occupancyHeight3=400">
                                        <span style="padding-right:3px">展开</span>
                                        <a-icon type="up" />
                                    </span>
                                </div>
                            </div>
                            <div style="border:1px solid #e4e3e3;" v-if="assessor">
                                <commpVxeTable
                                    :key="refreshTable4"
                                    ref="headmanVxeTable4"
                                    :config="configData4"
                                    :columns="columnsVxe4"
                                    :formItem="currentSteps>3?formItem41:formItem4"
                                    :conditionBtnRow="true"
                                    :occupancyHeight="occupancyHeight4"
                                    @checkboxChange="checkboxChange4"
                                    @searchEvent="searchEvent4"
                                >
                                    <template v-slot:externalOperations="{data}" data-desc="自定操作栏">
                                        <vxe-form-item v-if="currentSteps > 3">
                                            <template>
                                                <a-button type="primary" icon="printer" ghost @click="printExport4()">打印</a-button>
                                            </template>
                                        </vxe-form-item>
                                        <vxe-form-item>
                                            <template>
                                                <a-button type="primary" icon="export" ghost @click="auditExport4()">导出</a-button>
                                            </template>
                                        </vxe-form-item>
                                        <!-- <vxe-form-item v-if="currentSteps == 3">
                                            <template>
                                                <a-button class="blue-btn" type="primary" icon="tool"  @click="toolKhClick()" >设置考核结果</a-button>
                                            </template>
                                        </vxe-form-item> -->
                                    </template>
                                    <template v-slot:sex_default="{row}">
                                        <span>{{ row.sex == 1?'男':'女' }}</span>
                                    </template>
                                    <template v-slot:fcfwjlj_default="{row}">
                                        <div :style="{width:row.widthString}"></div>
                                        <a v-if="row.fksfs" style="text-decoration:underline" href="#" @click="djxqClick(row,true)">答卷详情</a>
                                    </template>
                                </commpVxeTable>
                            </div>
                        </div>
                        <div v-if="currentSteps == 4 && activeKey2 == '1'" :style="{margin:currentSteps == 4?'0 10px':'0',border:currentSteps == 4?'1px solid #38f':'0',borderTop:0}">
                          <approvalOfMatters
                            ref="approvalOfMattersRef"
                            :key="approvalOfMattersKey"
                            :occupancyHeight="155"
                            :conInterface="conInterface2">
                          </approvalOfMatters>
                        </div>
                    </div>
                    <div v-if="currentSteps == 1 || currentSteps == 2 || currentSteps == 3 || currentSteps == 4 || currentSteps == 5">
                        <div v-if="currentSteps == 1">
                            <div class="selectPrudently-tabs-card-edit-box">
                                <a-tabs type="card" v-model:activeKey="activeKey1" @change="activeChange1">
                                    <a-tab-pane key="0" :tab="'待审核  '+examineInfoNum.dsh"></a-tab-pane>
                                    <!-- <a-tab-pane key="1" :tab="'退回修改  '+examineInfoNum.thxg"></a-tab-pane> -->
                                    <a-tab-pane key="2" :tab="'审核通过  '+examineInfoNum.shtg"></a-tab-pane>
                                    <a-tab-pane key="3" :tab="'审核不通过  '+examineInfoNum.shbtg"></a-tab-pane>
                                    <a-tab-pane key="4" tab="报名人员汇总"></a-tab-pane>
                                    <a-tab-pane key="5" tab="事项审批"></a-tab-pane>
                                </a-tabs>
                            </div>
                        </div>
                        <div
                            v-if="currentSteps == 2 || currentSteps == 3 || currentSteps == 4 || currentSteps == 5"
                            style="
                                display:flex;
                                justify-content:space-between;
                                padding:10px;
                                background:#dbe6f2;
                                align-items:center;
                                border:1px solid #e4e3e3;
                                border-bottom:0;
                            "
                            :style="{marginTop:currentSteps == 5?'10px':'0'}"
                        >
                            <span style="font-size:16px;font-weight:600;">报名人员汇总</span>
                            <div style="color:#2F54EB;">
                                <span v-if="summaryApplicantsDisplay" style="display:flex;align-items:center;" @click="summaryApplicantsDisplay = false;">
                                    <span style="padding-right:3px">折叠   </span>
                                    <a-icon type="down" />
                                </span>
                                <span v-if="!summaryApplicantsDisplay" style="display:flex;align-items:center;" @click="summaryApplicantsClick(true)">
                                    <span style="padding-right:3px">展开</span>
                                    <a-icon type="up" />
                                </span>
                            </div>
                        </div>
                          <div style="border-top: none;":style="{border: currentSteps !== 1?'1px solid #e4e3e3':'1px solid #38f',margin: currentSteps !== 1?'0':'0 10px'}" v-if="summaryApplicantsDisplay" >
                              <commpVxeTable
                                  v-if="activeKey1 !== '5'"
                                  :key="refreshTable1"
                                  ref="headmanVxeTable"
                                  :config="configData"
                                  :columns="activeKey1 == '3'?columnsVxe1g3:(activeKey1 == '4'?columnsVxe1g4:columnsVxe1)"
                                  :formItem="formItem1"
                                  :conditionBtnRow="true"
                                  :occupancyHeight="110"
                                  :searchMinusWidth="22"
                                  @checkboxChange="checkboxChange1"
                                  @searchEvent="searchEvent1"
                              >
                                  <template v-slot:fcfwjlj_default="{row}">
                                      <div :style="{width:row.widthString}"></div>
                                      <a style="text-decoration:underline" href="#" @click="fcfwjljClick(row,activeKey1)">单位推荐表.pdf</a>
                                  </template>
                                  <template v-slot:sex_default="{row}">
                                      <span>{{ row.sex == 1?'男':'女' }}</span>
                                  </template>
                                  <template v-slot:fgzdwbm_default="{row}">
                                      <span>{{ row.fgzdw?row.fgzdw:'无' }}/{{ row.fgzdwbm?row.fgzdwbm:'无' }}</span>
                                  </template>
                                  <template v-slot:externalOperations="{data}" >
                                      <vxe-form-item v-if="activeKey1 == '0'">
                                          <template>
                                              <a-button class="blue-btn" type="primary" icon="plus" @click="auditAdd()">添加</a-button>
                                          </template>
                                      </vxe-form-item>
                                      <vxe-form-item>
                                          <template>
                                              <a-button type="primary" icon="export" ghost @click="auditExport()">导出</a-button>
                                          </template>
                                      </vxe-form-item>
                                      <vxe-form-item>
                                          <template>
                                              <a-button type="primary" icon="export" ghost @click="auditExportZip()">导出推荐表zip</a-button>
                                          </template>
                                      </vxe-form-item>

                                      <!-- <vxe-form-item v-if="activeKey1 == '0'">
                                          <template>
                                              <a-button type="primary" icon="rollback" ghost @click="auditReturn()">退回修改</a-button>
                                          </template>
                                      </vxe-form-item> -->
                                      <vxe-form-item v-if="activeKey1 == '0' || activeKey1 == '3'">
                                          <template>
                                              <a-button type="primary" icon="check-circle" ghost @click="auditPassThrough()">审核通过</a-button>
                                          </template>
                                      </vxe-form-item>
                                      <vxe-form-item v-if="activeKey1 == '0' || activeKey1 == '2'">
                                          <template>
                                              <a-button icon="stop" type="danger" ghost @click="txyyauditModel()">审核不通过</a-button>
                                          </template>
                                      </vxe-form-item>
                                  </template>
                              </commpVxeTable>
                              <approvalOfMatters
                                v-if="activeKey1 == '5'"
                                ref="approvalOfMattersRef"
                                :key="approvalOfMattersKey"
                                :conInterface="conInterface">
                              </approvalOfMatters>
                          </div>
                    </div>
                </div>
            </div>
            <canvas style="display: none;" :key="canvasKey2" :id="canvasId2" width="472px" height="380px"></canvas>
            <div v-if="currentSteps !== 5" style="position: absolute;z-index:99;bottom:0px;right: 12px;display: flex;justify-content: flex-end;padding: 5px 0;background: #fff;width: calc(100% - 25px);">
                <a-button v-if="currentSteps == 0 || currentSteps == 2 || currentSteps == 3" style="margin-right: 10px;" class="blue-btn" type="primary" icon="folder" @click="copyClick()">复制二维码地址</a-button>
                <a-button v-if="currentSteps == 0 || currentSteps == 2 || currentSteps == 3" style="margin-right: 10px;" class="blue-btn" type="primary" icon="folder" @click="stagingClick()">保存</a-button>
                <a-button v-if="currentSteps !== 0" style="margin-right: 10px;" icon="arrow-left" type="primary" @click="backClick()" ghost>上一步</a-button>
                <a-button v-if="currentSteps !== 0" style="margin-right: 10px;" type="primary" icon="tool" @click="terminationClick()" ghost>二维码设置</a-button>
                <a-button v-if="formState.id" style="margin-right: 10px;" class="blue-btn" type="primary" icon="download" @click="downloadQRCode()">下载二维码</a-button>
                <a-button v-if="currentSteps !== 5" icon="arrow-right" type="primary" @click="nextStepClick()" ghost>{{currentSteps == 4?'提交到预备审评员库':'下一步'}}</a-button>
            </div>
            <recommend ref="recommendRef" @refreshTable1Change="refreshTable1Change" />
            <setQRCode ref="setQRCodeRef" />
            <trainingSessions ref="trainingSessionsRef" @refreshTable32Change="refreshTable32Change" />
            <selectingTestPapers ref="selectingTestPapersRef" @getSelectLxSj="getSelectLxSj" />
            <testPaperDetailed ref="refDetailedRef" :detailFsjid="detailFsjid"/>
            <assessmentResults ref="assessmentResultsRef" @refreshTable4Change="refreshTable4Change" />
            <answerDetailed ref="answerDetailedRef" :addEditParameter="addEditParameter"/>
            <howeverReason ref="howeverReasonRef" @auditNOPASS="auditNOPASS"/>
            <printList ref="printListRef"/>
            <surveyResultsPrint ref="surveyResultsPrintRef" />
        </a-modal>
    </div>
</template>
<script>
import assessCheckApi from './service/api'
import selectingTestPapers from './selectingTestPapers.vue'
import testPaperDetailed from '../../assessCheck/testPaper/testPaperDetailed.vue'
import assessmentResults from './assessmentResults.vue'
import answerDetailed from '../../assessCheck/answerStatistics/answerDetailed.vue'
import howeverReason from './howeverReason.vue'
import printList from './printList.vue'
import surveyResultsPrint from './surveyResultsPrint.vue'
import {
    ocalityPostAction,
    jcylxjhaddLxjh,
    jcylxjhupdateLxjh,
    jcylxjhsubmitLxjh,
    jcylxjhreturnLxjh,
    jcylxjhuploadLxjhFile,
    //1
    jcylxjhexportLxUserInDsh,
    jcylxjhexportLxUserInThxg,
    jcylxjhexportLxUserInShtg,
    jcylxjhexportLxUserInZzqrmd,
    jcylxjhgetLxUserGztsl,
    jcylxjhupdateLxUserThxg,
    jcylxjhupdateLxUserShtg,
    jcylxjhupdateLxUserShbtg,

    //2
    jcylxjhqueryLxqdccList,
    jcylxjhdeleteLxpxqdcs,
    jcylxjhuploadLxjhPxFile,
    jcylxjhquerySelectLxSj,
    //3
    jcylxjhexportLxUserInRykhlb,
    jcylxjhgetCjryDjidByCjryId,
    jcylxjhgetZzqrmdRs,
    jcylxjhexportLxUserByRyHz,
    jcylxjhexportLxUserInShbtg,
    jcylxjhexportZipLxryInDsh,
    jcylxjhexportZipLxryInRyhz,
    jcylxjhexportZipLxryInShbtg,
    jcylxjhexportZipLxryInShtg,

    jcylxdjcjtjJxpgDcJg,//教学评估调查结果
 } from './service/index'
import moment from 'moment'
import {qrcanvas} from 'qrcanvas'
import commpVxeTable from '@/components/commp-vxe-table/commp-vxe-table.vue'
import recommend from './recommend.vue'
import setQRCode from './setQRCode.vue'
import trainingSessions from './trainingSessions.vue'
import approvalOfMatters from '@/components/approvalOfMatters/approvalOfMatters.vue'
export default {
    components:{
        commpVxeTable,
        recommend,
        setQRCode,
        trainingSessions,
        selectingTestPapers,
        testPaperDetailed,
        assessmentResults,
        answerDetailed,
        howeverReason,
        printList,
        approvalOfMatters,
        surveyResultsPrint,
    },
    props:{

    },
    data(){
        return{
            moment:moment,
            ruleFormKey:null,
            visible:false,
            currentSteps:0,
            formState:{
                fpxbmzt:'不启用',
                fpxqdzt:'不启用',
                fpxkszt:'不启用',
            },
            formData:{},
            view:false,
            jcylbList:[],
            //0
            randomId:'formModel'+new Date().getTime(),
            rules: {
                fjhmc: [{ required: true, message: '请输入计划名称', trigger: 'change' }],
                bmsjArr: [{type: 'array', required: true, message: '请选择报名开始时间', trigger: 'change' }],
                // fjhjzsj: [{type: 'object', required: true, message: '请选择报名截止时间', trigger: 'change' }],
                // ffwbh: [{ required: true, message: '请输入发文编号', trigger: 'change' }],
                fjhcjlb: [{ type: 'array', required: true, message: '请选择专家分类', trigger: 'change', } ],
                fjhcjrs: [{type: 'number', required: true, message: '请输入遴选人数', trigger: 'change' },],
            },
            canvasId:'canvas'+ new Date().getTime(),
            canvasId2:'canvas2'+ new Date().getTime(),
            canvasKey:null,
            canvasKey2:null,
            newImage:new Image(),
            newImage2:new Image(),
            queryResultsQr:null,
            queryResultsQr2:null,
            queryResultsImgUrl:'',
            queryResultsImgUrl2:'',
            plainOptionsList:[{
                label:'启用',
                value:'启用',
            },{
                label:'不启用',
                value:'不启用',
            }],
            //1
            activeList:['待审核','退回修改','审核通过','审核不通过','报名人员汇总'],
            activeKey1:'0',
            activeKey2: '0',
            dataInterfaceList:[{
                list:assessCheckApi.jcylxjhdshLxUserPageList,
                export:jcylxjhexportLxUserInDsh,
                exportZip:jcylxjhexportZipLxryInDsh,
            },{
                list:assessCheckApi.jcylxjhthxgLxUserPageList,
                export:jcylxjhexportLxUserInThxg,
                exportZip:'',
            },{
                list:assessCheckApi.jcylxjhshtgLxUserPageList,
                export:jcylxjhexportLxUserInShtg,
                exportZip:jcylxjhexportZipLxryInShtg,
            },{
                list:assessCheckApi.jcylxjhshbtgLxUserPageList,
                export:jcylxjhexportLxUserInShbtg,
                exportZip:jcylxjhexportZipLxryInShbtg,
            },{
                list:assessCheckApi.jcylxjhbmryhzLxUserPageList,
                export:jcylxjhexportLxUserByRyHz,
                exportZip:jcylxjhexportZipLxryInRyhz,
            }],
            refreshTable1:null,
            configData:{
                api:assessCheckApi.jcylxjhdshLxUserPageList,
                rowId: 'id',
                paramet:{
                }
            },
            formItem1:[{
                label: '关键字',
                model: 'gjz',
                placeholder:'请输入姓名/身份证号/工作单位',
            }],
            columnsVxe1:[{
                type: 'checkbox',
                width: 60 ,
                fixed: 'left'
            },{
                title: '姓名', //列头显示文字
                field: 'realname',
                width:85,
                titleInterval:true,
                slots: {
                    header:'realname_header',
                }
            },{
                title: '性别', //列头显示文字
                field: 'sex',
                width:70,
                titleInterval:true,
                slots: {
                    header:'sex_header',
                    default:'sex_default',
                }
            },{
                title: '工作单位/部门', //列头显示文字
                field: 'fgzdwbm',
                slots: {
                    default:'fgzdwbm_default',
                }
            },{
                title: '专业', //列头显示文字
                field: 'fsxzy',
                titleInterval:true,
                slots: {
                    header:'fsxzy_header',
                }
            },{
                title: '学历', //列头显示文字
                field: 'fxl',
                width:110,
                titleInterval:true,
                slots: {
                    header:'fxl_header',
                }
            }
            // ,{
            //     title: '工作单位', //列头显示文字
            //     field: 'fgzdw',
            // }
            ,{
                title: '从事专业工作年限', //列头显示文字
                field: 'fgznx',
                width:136,
            },{
                title: '联系电话', //列头显示文字
                field: 'phone',
                width:120,
            }
            // ,{
            //     title: '提交时间', //列头显示文字
            //     field: 'ftjrq',
            // }
            ,{
                title: '单位推荐表', //列头显示文字
                field: 'fcfwjlj',
                slots: {
                    default:'fcfwjlj_default',
                },
                width:125,
            }],
            columnsVxe1g3:[{
                type: 'checkbox',
                width: 60 ,
                fixed: 'left'
            },{
                title: '姓名', //列头显示文字
                field: 'realname',
                width:70,
                titleInterval:true,
                slots: {
                    header:'realname_header',
                }
            },{
                title: '性别', //列头显示文字
                field: 'sex',
                width:70,
                titleInterval:true,
                slots: {
                    header:'sex_header',
                    default:'sex_default',
                }
            },{
                title: '工作单位/部门', //列头显示文字
                field: 'fgzdwbm',
                slots: {
                    default:'fgzdwbm_default',
                }
            },{
                title: '专业', //列头显示文字
                field: 'fsxzy',
                titleInterval:true,
                slots: {
                    header:'fsxzy_header',
                }
            },{
                title: '学历', //列头显示文字
                field: 'fxl',
                width:110,
                titleInterval:true,
                slots: {
                    header:'fxl_header',
                }
            }
            // ,{
            //     title: '工作单位', //列头显示文字
            //     field: 'fgzdw',
            // }
            ,{
                title: '从事专业工作年限', //列头显示文字
                field: 'fgznx',
                width:136,
            },{
                title: '联系电话', //列头显示文字
                field: 'phone',
                width:120,
            },{
                title: '原因', //列头显示文字
                field: 'fbz',
                titleInterval:true,
                slots: {
                    header:'fbz_header',
                }
            }
            // ,{
            //     title: '提交时间', //列头显示文字
            //     field: 'ftjrq',
            // }
            ,{
                title: '单位推荐表', //列头显示文字
                field: 'fcfwjlj',
                slots: {
                    default:'fcfwjlj_default',
                },
                width:125,
            }],
            columnsVxe1g4:[{
                type: 'checkbox',
                width: 60 ,
                fixed: 'left'
            },{
                title: '姓名', //列头显示文字
                field: 'realname',
                width:70,
                titleInterval:true,
                slots: {
                    header:'realname_header',
                }
            },{
                title: '性别', //列头显示文字
                field: 'sex',
                width:70,
                titleInterval:true,
                slots: {
                    header:'sex_header',
                    default:'sex_default',
                }
            },{
                title: '工作单位/部门', //列头显示文字
                field: 'fgzdwbm',
                slots: {
                    default:'fgzdwbm_default',
                }
            },{
                title: '专业', //列头显示文字
                field: 'fsxzy',
                titleInterval:true,
                slots: {
                    header:'fsxzy_header',
                }
            },{
                title: '学历', //列头显示文字
                field: 'fxl',
                width:110,
                titleInterval:true,
                slots: {
                    header:'fxl_header',
                }
            }
            // ,{
            //     title: '工作单位', //列头显示文字
            //     field: 'fgzdw',
            // }
            ,{
                title: '从事专业工作年限', //列头显示文字
                field: 'fgznx',
                width:136,
            },{
                title: '联系电话', //列头显示文字
                field: 'phone',
                width:120,
            },{
                title: '审核结果', //列头显示文字
                field: 'fsjshzt',
                width:90,
            }
            // ,{
            //     title: '提交时间', //列头显示文字
            //     field: 'ftjrq',
            // }
            ,{
                title: '单位推荐表', //列头显示文字
                field: 'fcfwjlj',
                slots: {
                    default:'fcfwjlj_default',
                },
                width:125,
            }],
            examineInfoNum:{},
            checkboxChangeList1:[],
            //-------2
            ruleFormKey3:null,
            randomId3:'formModel3'+new Date().getTime(),
            formState3:{},
            rules3:{
                fpxmc: [{ required: true, message: '请输入培训班名称', trigger: 'change' }],
                fpxSj: [{type: 'array', required: true, message: '请选择培训时间', trigger: 'change' }],
                fpxdd: [{ required: true, message: '请输入培训地点', trigger: 'change' },],
                // fpxbh:[{ required: true, message: '请输入培训文号', trigger: 'change' }],
                fsjmc:[{ required: true, message: '请选择培训试卷', trigger: 'change' }],
            },
            planDisplay:false,
            trainDisplay:true,
            sessionDisplay:false,
            sessionCheckInList:[],
            sessionCheckInTabList:[],
            refreshTable32:null,
            configData32:{
                api:assessCheckApi.jcylxjhqueryLxqdccList,
                rowId: 'id',
                height:400,
                autoHidden:true,
                pageSize:100000,
                paramet:{
                }
            },
            columnsVxe32:[{
                title: '培训主题', //列头显示文字
                field: 'fcczt',
            },{
                title: '签到场次', //列头显示文字
                field: 'fqdccbt',
                width:80,
            },{
                title: '签到状态', //列头显示文字
                field: 'fqdzt',
                width:80,
            },{
                title: '已签到人数', //列头显示文字
                field: 'fyqdrs',
                width:95,
            },{
                title: '未签到人数', //列头显示文字
                field: 'fzqdrs',
                slots: {
                    // 使用插槽模板渲染
                    default: 'fzqdrs_name',
                },
                width:95,
            },{
                title: '培训老师', //列头显示文字
                field: 'fccpxls',
                width:110,
            },
            // {
            //     title: '已评价人数', //列头显示文字
            //     field: 'fypjrs',
            //     width:95,
            // },{
            //     title: '未评价人数', //列头显示文字
            //     slots: {
            //         // 使用插槽模板渲染
            //         default: 'fypjrs_name',
            //     },
            //     width:95,
            // },
            {
                title: '操作',
                field: 'id',
                titleInterval:true,
                slots: {
                    // 使用插槽模板渲染
                    default: 'operation_btn',
                    header:'operation_header',
                },
                width:280,
            }],
            currentTest:{},
            occupancyHeight3:380,
            detailFsjid:'',
            //--------3
            assessor:true,
            refreshTable4:null,
            configData4:{
                api:assessCheckApi.jcylxjhrykhlbLxUserPageList,
                rowId: 'id',
                paramet:{
                }
            },
            columnsVxe4:[{
                type: 'checkbox',
                width: 60 ,
                fixed: 'left'
            },{
                title: '姓名', //列头显示文字
                field: 'realname',
                width:70,
                titleInterval:true,
                slots: {
                    header:'operation_header',
                },
            },{
                title: '性别', //列头显示文字
                field: 'sex',
                width:70,
                titleInterval:true,
                slots: {
                    header:'sex_header',
                    default:'sex_default',
                }
            },{
                title: '工作单位', //列头显示文字
                field: 'fgzdw',
            },{
                title: '分数', //列头显示文字
                field: 'fksfs',
                width:70,
                titleInterval:true,
                slots: {
                    header:'fksfs_header',
                },
            },{
                title: '考核结果', //列头显示文字
                field: 'fkhjg',
                width:80,
            },{
                title: '拟增加专家分类', //列头显示文字
                field: 'flxjcylb',
            }
            // ,{
            //     title: '答卷详情', //列头显示文字
            //     field: 'fcfwjlj',
            //     width:80,
            //     slots: {
            //         default:'fcfwjlj_default',
            //     }
            // }
            ],
            formItem4:[{
                label: '关键字',
                model: 'gjz',
                placeholder:'请输入姓名/身份证号/工作单位'
            },{
                label: '考核结果',
                model: 'fkhjg',
                placeholder: '考核结果',
                type:'Radio',
                dictionaryType:'培训考核结果',
            }],
            formItem41:[{
                label: '关键字',
                model: 'gjz',
                placeholder:'请输入姓名/身份证号/工作单位'
            }],
            occupancyHeight4:150,
            toolKhIdList:[],
            addEditParameter:{id:''},
            searchEvent1Data:{},
            searchEvent4Data:{},
            //---
            approvalOfMattersKey: '',
            conInterface: {
              paramet: {
                flxjhid: '',
              },
              initiateApi: assessCheckApi.initJcyLxInBmshlc,
              tableApi: assessCheckApi.queryJcyLxInBmshLcList,
            },
            conInterface2: {
              paramet: {
                flxjhid: '',
              },
              initiateApi: assessCheckApi.initJcyLxInQrmdlc,
              tableApi: assessCheckApi.queryJcyLxInQrmdLcList,
            },
            surveyResultsData:[],
            surveyResultsXxList:[],
            surveyResultsJsjxpjList:[],
            surveyResultsDisplay:true,
            printObj:{
                id:"surveyResults-content-table-id", //需要打印的id名称
                popTitle:"教学评估调查结果",//文档的名称
                // preview:true,//预览功能，不好用
                zIndex:'20002',
                beforeOpenCallback(vue){
                    //console.log('打印回调',vue)
                },
                openCallback (vue) {//打开之前
                    //console.log('打开之前',vue)
                },
                closeCallback (vue) {//关闭了打印工具
                    //console.log('关闭了打印工具')
                },
            },
            summaryApplicantsDisplay:false,
        }
    },
    watch:{

    },
    mounted(){

    },
    methods:{
        getData(row){
            //console.log(row)
            let data = {
                ...row.formState,
                bmsjArr:row.formState.fjhcjsj?[moment(row.formState.fjhcjsj),moment(row.formState.fjhjzsj)]:[],
                fjhcjsj:row.formState.fjhcjsj?moment(row.formState.fjhcjsj):'',
                fjhjzsj:row.formState.fjhjzsj?moment(row.formState.fjhjzsj):'',
                fjhcjrs:row.formState.fjhcjrs?Number(row.formState.fjhcjrs):'',
                fjhcjlb:row.formState.fjhcjlb?row.formState.fjhcjlb.split(','):[],
                fpxSj:row.formState.fpxjssj?[moment(row.formState.fpxkssj),moment(row.formState.fpxjssj)]:[],
                fpxxs:row.formState.fpxxs?Number(row.formState.fpxxs):'',
                fpxrs:row.formState.fpxrs?Number(row.formState.fpxrs):'',
                fcjfs:row.formState.fcjfs?row.formState.fcjfs:'线上',
                fpxhgx:row.fpxhgx?Number(row.fpxhgx):60
            }
            this.ruleFormKey = Date.now()
            this.currentSteps = row.currentSteps
            this.formState = data
            this.conInterface.paramet.flxjhid = this.formState.id
            this.approvalOfMattersKey = Date.now()
            this.formState3 = data
            this.view = row.view
            if( row.currentSteps == 4 || row.currentSteps == 5){
                this.trainDisplay = false
            }else{
                this.trainDisplay = true
            }
            if(row.currentSteps == 5){
                this.planDisplay = false
                this.sessionDisplay = false
            }else{
                this.planDisplay = true
                this.sessionDisplay = true
            }
            if(row.currentSteps == 1){
                this.summaryApplicantsDisplay = true
            }

            this.refreshTable32 = Date.now()
            this.refreshTable4 = Date.now()
            // this.formState.fjhcjsj = this.formState.fjhcjsj?moment(this.formState.fjhcjsj):''
            // this.formState.fjhjzsj = this.formState.fjhjzsj?moment(this.formState.fjhjzsj):''
            // this.formState.fjhcjrs = this.formState.fjhcjrs?Number(this.formState.fjhcjrs):''
            //专家分类
            ocalityPostAction({dictName:'检查员登记类别'}).then(res=>{
                if(res.code == 200){
                    this.jcylbList = res.result
                }
            })
            if(this.formState.id){
                this.getGenerateQRCode()
                this.getExamineInfoNum()
                this.getRyqdList()
                this.getSelectLxSj(this.formState.id)
                this.configData32.paramet = {
                    flxjhid:row.formState.id
                }
                this.configData.paramet = {
                    flxjhid:row.formState.id
                }
                if(this.currentSteps>3){
                    this.configData4.api = assessCheckApi.jcylxjhzzqrmdLxUserPageList
                }
                this.configData4.paramet = {
                    flxjhid:row.formState.id
                }
            }
            if(row.currentSteps == 1){
                this.refreshTable1 = Date.now()
            }
            this.getSurveyResults(this.formState.id)
        },
        onfpxhgxChange(val){
            if(!val){
                this.formState3.fpxhgx = 60
            }

        },
        getSelectLxSj(id){
            jcylxjhquerySelectLxSj({flxjhid:id}).then(res=>{
                if(res.code == 200){
                    //console.log(res)
                    if(res.result.records.length){
                        this.formState3 = {...this.formState3,fsjmc:res.result.records[0].fsjmc}
                    }
                    this.currentTest = res.result.records.length?res.result.records[0]:{}
                }else{
                    this.currentTest = {}
                }
            })
        },
        getGenerateQRCode(){
            // flxjhid -- 携带参数
            this.queryResultsQr = qrcanvas({
                data: bootConfig[process.env.NODE_ENV].EXTERNAL_ACCESS_URL2+process.env.BASE_URL+`selectionRegistrationValidate?flxjhid=`+this.formState.id|| "二维码生成中",
                size:260,
                background:'#fff'
            })
            this.queryResultsQr2 = qrcanvas({
                data: bootConfig[process.env.NODE_ENV].EXTERNAL_ACCESS_URL2+process.env.BASE_URL+`selectionRegistrationValidate?flxjhid=`+this.formState.id || "二维码生成中",
                size:260,
                background:'#fff'
            })
            this.queryResultsImgUrl = this.newImage.src = this.queryResultsQr.toDataURL("image/png")
            this.queryResultsImgUrl2 = this.newImage2.src = this.queryResultsQr2.toDataURL("image/png")
            this.canvasKey = Date.now()
            this.canvasKey2 = Date.now()
            this.$nextTick(()=>{
                var canvas = document.getElementById(this.canvasId);
                if(canvas){
                    var context = canvas.getContext('2d');
                    context.font = "16px Arial"
                    context.textAlign = "center"
                    // context.globalCompositeOperation = 'source-in';
                    context.fillStyle = "#000";
                    context.background = '#fff'
                    // context.fillText('xx食品药品审评查验中心现场咨询预约登记表',236,30);
                    var img = new Image();
                    img.onload = function() {
                        context.drawImage(img, 0, 0,100,100);
                    }
                    img.src = this.queryResultsQr.toDataURL("image/png");
                }


                //--------------------------------------
                var canvas2 = document.getElementById(this.canvasId2);
                var context2 = canvas2.getContext('2d');
                context2.font = "16px Arial"
                context2.textAlign = "center"
                // context.globalCompositeOperation = 'source-in';
                context2.fillStyle = "#000";
                context2.background = '#fff'
                context2.fillText(this.formState.fjhmc,236,55);
                var img2 = new Image();
                img2.onload = function() {
                    context2.drawImage(img2, 106, 80,260,260);
                }
                img2.src = this.queryResultsQr2.toDataURL("image/png");


            })
        },
        getSurveyResults(id){
            this.surveyResultsXxList = []
            this.surveyResultsJsjxpjList = []
            if(id){
                jcylxdjcjtjJxpgDcJg({flxjhid:id}).then(res=>{
                    if(res.code == 200){
                        this.surveyResultsData = res.result
                        res.result.xxList.forEach((item,index)=>{
                            item.list.forEach((trem,tIndex)=>{
                                this.surveyResultsXxList.push({...item,...trem,tIndex:tIndex})
                            })
                        })
                        res.result.jsjxpjList.forEach((item,index)=>{
                            item.pxnrList.forEach((trem,tIndex)=>{
                                this.surveyResultsJsjxpjList.push({...item,...trem,tIndex:tIndex})
                            })
                        })
                    }else{

                    }
                })
            }
        },
        auditAdd(){//添加
            var a = document.createElement('a');
            a.target='_blank'
            a.href = bootConfig[process.env.NODE_ENV].EXTERNAL_ACCESS_URL+process.env.BASE_URL+'selectionRegistrationValidate?flxjhid='+this.formState.id
            
            a.click();
            // this.$router.push(`/selectionRegistrationValidate?flxjhid=`+this.formState.id)
        },
        seva0(from,val){
            let data = {
                ...from,
                bmsjArr:'',
                fjhcjsj:moment(from.bmsjArr[0]).format('YYYY-MM-DD'),
                fjhjzsj:moment(from.bmsjArr[1]).format('YYYY-MM-DD'),
                fjhcjlb:from.fjhcjlb && from.fjhcjlb.length?from.fjhcjlb.join(','):'',
                fpxkssj:from.fpxSj.length?moment(from.fpxSj[0]).format('YYYY-MM-DD'):'',
                fpxjssj:from.fpxSj.length?moment(from.fpxSj[1]).format('YYYY-MM-DD'):'',
                fpxSj:'',
            }
            if(this.formState.id){
                jcylxjhupdateLxjh(data).then(res=>{
                    if(res.code == 200){
                        if(val){
                            this.submit(data,true)
                        }else{
                            this.$emit('handlePlan',res.result,true)
                            this.$emit('refreshTableChange',true)
                            this.$message.success(res.message)
                        }

                    }else{
                        this.$message.warning(res.message)
                    }
                })

            }else{
                jcylxjhaddLxjh(data).then(res=>{
                    if(res.code == 200){
                        if(val){
                            this.submit(res.result,false)
                        }else{
                            this.$emit('handlePlan',res.result,true)
                            this.$emit('refreshTableChange')
                            this.$message.success(res.message)
                        }

                    }else{
                        this.$message.warning(res.message)
                    }
                })
            }
        },

        uploadClick({file}){//上传
            const fileData = new FormData();
            fileData.append("file",file);
            fileData.append("id",this.formState.id);
            jcylxjhuploadLxjhFile(fileData).then(res=>{
                if(res.code !== 200){
                    this.$message.warning(res.message)
                }else{
                    this.$emit('refreshTableChange')
                    this.$emit('handlePlan',res.result,true)
                    this.$message.success('上传成功')
                }
            })
        },

        //----------------1
        getExamineInfoNum(){
            jcylxjhgetLxUserGztsl({flxjhid:this.formState.id}).then(res=>{
                if(res.code == 200){
                    //console.log('获取数量',res.result)
                    this.examineInfoNum = res.result
                }
            })
        },
        activeChange1(key){
            this.activeKey1 = key
            this.refreshTable1 = Date.now()
            this.configData = {
                api:this.dataInterfaceList[Number(this.activeKey1)].list,
                paramet:{flxjhid:this.formState.id}
            }
            this.getExamineInfoNum()
            this.checkboxChangeList1 = []
            this.searchEvent1Data = {}
            if(key == '5'){
              this.approvalOfMattersKey = Date.now()
            }
            if(key == '4'){
                this.summaryApplicantsDisplay = true
            }
        },
        summaryApplicantsClick(){
            this.summaryApplicantsDisplay = true
            this.activeChange1('4')
        },
        activeChange2(key){
          this.activeKey2 = key
          if(key == '1'){
            this.conInterface2.paramet.flxjhid = this.formState.id
            this.approvalOfMattersKey = Date.now()
          }
        },
        checkboxChange1(rowList){
            this.checkboxChangeList1 = []
            rowList.forEach((item,index) => {
                this.checkboxChangeList1.push(item.id)
            })
        },
        searchEvent1(row1,row2){
            this.checkboxChangeList1 = []
            this.searchEvent1Data = {
                ...row1,
                ...row2
            }
        },
        fcfwjljClick(row,val){
            //console.log(row)
            this.$refs.recommendRef.visible = true
            this.$refs.recommendRef.getData(row,val)
        },
        refreshTable32Change(){
            this.refreshTable32 = Date.now()
        },
        addClick32(){
            this.$refs.trainingSessionsRef.visible = true
            this.$refs.trainingSessionsRef.getData({flxjhid:this.formState.id},false)
        },
        editClick32(row){
            this.$refs.trainingSessionsRef.visible = true
            this.$refs.trainingSessionsRef.getData({...row,flxjhid:this.formState.id},false)
        },
        eyeClick32(row){
            this.$refs.trainingSessionsRef.visible = true
            this.$refs.trainingSessionsRef.getData({...row,flxjhid:this.formState.id},true)
        },
        deleteClick32(row){
            var that = this
            this.$confirm({
                title:'您确认删除吗？',
                // icon: createVNode(ExclamationCircleOutlined),
                onOk() {
                    jcylxjhdeleteLxpxqdcs({id:row.id}).then(res=>{
                        if(res.code == 200){
                            that.$message.success(res.message)
                            that.refreshTable32Change()
                        }else{
                            that.$message.warning(res.message)
                        }
                    })
                }
            })
        },

        auditExport(){//导出
            this.dataInterfaceList[Number(this.activeKey1)].export({flxjhid:this.formState.id,ids:this.checkboxChangeList1.join(','),...this.searchEvent1Data}).then(res=>{
                if (!res) {
                    this.$message.warning('文件导出失败')
                    return
                }else{
                    if (typeof window.navigator.msSaveBlob !== 'undefined') {
                        window.navigator.msSaveBlob(new Blob([res], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                    } else {
                        let url = window.URL.createObjectURL(new Blob([res], { type: 'application/vnd.ms-excel' }))
                        let link = document.createElement('a')
                        link.style.display = 'none'
                        link.href = url
                        link.setAttribute('download', this.activeList[Number(this.activeKey1)] + '.xls')
                        document.body.appendChild(link)
                        link.click()
                        document.body.removeChild(link) //下载完成移除元素
                        window.URL.revokeObjectURL(url) //释放掉blob对象
                    }
                }
            })
        },
        auditExportZip(){//导出
            this.dataInterfaceList[Number(this.activeKey1)].exportZip({flxjhid:this.formState.id,ids:this.checkboxChangeList1.join(','),...this.searchEvent1Data}).then(res=>{
                if (!res) {
                    this.$message.warning('文件导出失败')
                    return
                }else{
                    if (typeof window.navigator.msSaveBlob !== 'undefined') {
                        window.navigator.msSaveBlob(new Blob([res], { type: 'application/zip' }), fileName + '.zip')
                    } else {
                        let url = window.URL.createObjectURL(new Blob([res], { type: 'application/zip' }))
                        let link = document.createElement('a')
                        link.style.display = 'none'
                        link.href = url
                        link.setAttribute('download', this.activeList[Number(this.activeKey1)] + '.zip')
                        document.body.appendChild(link)
                        link.click()
                        document.body.removeChild(link) //下载完成移除元素
                        window.URL.revokeObjectURL(url) //释放掉blob对象
                    }
                }
            })
        },
        auditReturn(){//退回修改
            var that = this
            if(this.checkboxChangeList1.length){
                this.$confirm({
                    title:'您确认要退回修改吗？',
                    // icon: createVNode(ExclamationCircleOutlined),
                    onOk() {
                        jcylxjhupdateLxUserThxg({ids:that.checkboxChangeList1.join(',')}).then(res=>{
                            if(res.code == 200){
                                that.$message.success(res.message)
                                that.refreshTable1 = Date.now()
                                that.getExamineInfoNum()
                            }else{
                                that.$message.warning(res.message)
                            }
                        })
                    }
                })
            }else{
                this.$message.warning('请先选择退回修改项')
            }
        },
        refreshTable1Change(){
            this.refreshTable1 = Date.now()
            this.getExamineInfoNum()
        },
        auditPassThrough(){//审核通过
            var that = this
            if(this.checkboxChangeList1.length){
                this.$confirm({
                    title:'您确认要审核通过吗？',
                    // icon: createVNode(ExclamationCircleOutlined),
                    onOk() {
                        jcylxjhupdateLxUserShtg({ids:that.checkboxChangeList1.join(',')}).then(res=>{
                            if(res.code == 200){
                                that.$message.success(res.message)
                                that.refreshTable1 = Date.now()
                                that.getExamineInfoNum()
                            }else{
                                that.$message.warning(res.message)
                            }
                        })
                    }
                })
            }else{
                this.$message.warning('请先选择审核通过项')
            }
        },
        txyyauditModel(){
            if(this.checkboxChangeList1.length){
                this.$refs.howeverReasonRef.getData({ids:this.checkboxChangeList1.join(',')})
                this.$refs.howeverReasonRef.visible = true
            }else{
                this.$message.warning('请先选择审核不通过项')
            }
        },
        auditNOPASS(row){//审核不通过
            var that = this
            jcylxjhupdateLxUserShbtg(row).then(res=>{
                if(res.code == 200){
                    that.$refs.howeverReasonRef.visible = false
                    that.$message.success(res.message)
                    that.refreshTable1 = Date.now()
                    that.getExamineInfoNum()
                }else{
                    that.$message.warning(res.message)
                }
            })

        },
        //-----------2
        getRyqdList(){
            jcylxjhqueryLxqdccList({flxjhid:this.formState.id}).then(res=>{
                if(res.code == 200){
                    this.sessionCheckInList = res.result.records
                    this.sessionCheckInTabList = res.result.records?res.result.records:[{
                        fqdccbt:'',
                        fqdzt:'未开启',
                        list:[],
                    }]
                }else{
                    this.sessionCheckInList = []
                }
            })
        },
        uploadClick3({file}){//上传

            const fileData = new FormData();
            fileData.append("file",file);
            fileData.append("id",this.formState.id);
            jcylxjhuploadLxjhPxFile(fileData).then(res=>{
                //console.log(res)
                if(res.code !== 200){
                    this.$message.warning(res.message)
                }else{
                    this.$emit('refreshTableChange')
                    this.$emit('handlePlan',res.result,true)
                    this.$message.success('上传成功')
                }
            })
        },
        fpxfjdzClick(){
            this.seva0(this.formState3)
        },
        ffwfjdzClick(){
            this.seva0(this.formState)
        },
        selectTest(){
            this.$refs.selectingTestPapersRef.visible = true
            this.$refs.selectingTestPapersRef.getData(this.formState)
        },
        detailedClick(row){
            this.detailFsjid = row.id
            this.$refs.refDetailedRef.visibleDetailedShow = true
            this.$refs.refDetailedRef.getData(row)
        },
        djxqClick(row){
            jcylxjhgetCjryDjidByCjryId({id:row.id}).then(res=>{
                if(res.code == 200){
                    if(res.result.id){
                        this.addEditParameter = {}
                        this.$refs.answerDetailedRef.visibleDetailedShow = true
                        this.$refs.answerDetailedRef.getData(res.result)
                        this.addEditParameter = res.result
                    }else{
                        this.$message.warning('当前暂无答卷')
                    }
                }else{
                    this.$message.warning(res.message)
                }
            })
            // answerDetailedRef

        },
        checkboxChange4(row){
            this.toolKhIdList = []
            row.forEach((item,index)=>{
                this.toolKhIdList.push(item.id)
            })
        },
        searchEvent4(row1,row2){
            //console.log(row1,row2)
            this.searchEvent4Data = {}
            this.searchEvent4Data = {
                ...row1,
                ...row2
            }
        },
        printExport4(){
            this.$refs.printListRef.getData({flxjhid:this.formState.id,ids:this.toolKhIdList.join(','),...this.searchEvent4Data},this.formState.fjhmc)
            this.$refs.printListRef.visible = true
        },
        auditExport4(){
            jcylxjhexportLxUserInRykhlb({flxjhid:this.formState.id,ids:this.toolKhIdList.join(','),...this.searchEvent4Data}).then(res=>{
                if (!res) {
                    this.$message.warning('文件导出失败')
                    return
                }else{
                    if (typeof window.navigator.msSaveBlob !== 'undefined') {
                        window.navigator.msSaveBlob(new Blob([res], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
                    } else {
                        let url = window.URL.createObjectURL(new Blob([res], { type: 'application/vnd.ms-excel' }))
                        let link = document.createElement('a')
                        link.style.display = 'none'
                        link.href = url
                        link.setAttribute('download', '人员培训考核列表' + '.xls')
                        document.body.appendChild(link)
                        link.click()
                        document.body.removeChild(link) //下载完成移除元素
                        window.URL.revokeObjectURL(url) //释放掉blob对象
                    }
                }
            })
        },

        refreshTable4Change(){
            this.refreshTable4 = Date.now()
            this.toolKhIdList = []
        },
        toolKhClick(){
            if(this.toolKhIdList.length){
                this.$refs.assessmentResultsRef.visible = true
                this.$refs.assessmentResultsRef.getData(this.toolKhIdList.join(','))
            }else{
                this.$message.warning('请先选择设置考核结果人员')
            }

        },
        //
        backClick(){//上一步
            if(this.currentSteps == 2){
                this.activeChange1('0')
            }
            jcylxjhreturnLxjh({id:this.formState.id}).then(res=>{
                if(res.code == 200){
                    this.$emit('handlePlan',this.formState,true)
                    this.$emit('refreshTableChange')
                    this.$message.success(res.message)

                }else{
                    this.$message.warning(res.message)
                }
            })
            if(this.currentSteps == 1){
                this.summaryApplicantsDisplay = true
            }else{
                this.summaryApplicantsDisplay = false
            }
        },
        terminationClick(){//设置二维码
            this.$refs.setQRCodeRef.getData({...this.formState,currentSteps:this.currentSteps})
            this.$refs.setQRCodeRef.visible = true

        },
        downloadQRCode(){//下载二维码
            var canvas = document.getElementById(this.canvasId2);
            var dataURL = canvas.toDataURL('image/png');
            // 创建一个链接元素
            var link = document.createElement('a');
            link.download = this.formState.fjhmc+'.png'; // 设置图片名称
            link.href = dataURL; // 设置图片链接
            link.click(); // 模拟点击链接，下载图片
        },
        submit(row,val){//提交
            jcylxjhsubmitLxjh({id:row.id}).then(res=>{
                if(res.code == 200){
                    this.$emit('handlePlan',res.result,true)
                    this.$emit('refreshTableChange',val)
                    this.$message.success(res.message)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        copyClick(){
            var link = document.createElement('a');
            link.href = bootConfig[process.env.NODE_ENV].EXTERNAL_ACCESS_URL+process.env.BASE_URL+`selectionRegistrationValidate?flxjhid=`+this.formState.id
            //console.log('我复制了什么',link.href)
            const copyInput = document.createElement('input');
            copyInput.value = link.href;
            document.body.appendChild(copyInput);
            copyInput.select();
            document.execCommand('copy');
            document.body.removeChild(copyInput);
            this.$message.success('已复制！')
        },
        stagingClick(){//暂存
            if(this.currentSteps == 0){
                this.seva0(this.formState)
                // this.$refs.ruleForm0.validate(valid => {
                //     if (valid) {

                //     } else {
                //         //console.log('error submit!!');
                //         return false;
                //     }
                // });
            }else if(this.currentSteps == 2 || this.currentSteps == 3){
                this.seva0(this.formState3)
                // this.$refs.ruleForm3.validate(valid => {
                //     if (valid) {
                //         //console.log(this.formState3)

                //     } else {
                //         //console.log('error submit!!');
                //         return false;
                //     }
                // });
            }

        },
        surveyResultsPrintObj(){
            this.$refs.surveyResultsPrintRef.getData(this.surveyResultsData,this.surveyResultsJsjxpjList,this.surveyResultsXxList)
            this.$refs.surveyResultsPrintRef.visible = true
        },
        nextStepClick(){//下一步
            //console.log('我在下一步',this.currentSteps)
            if(this.currentSteps == 0){
                this.activeChange1('0')
                this.$refs.ruleForm0.validate(valid => {
                    if (valid) {
                        this.seva0(this.formState,1)
                    } else {
                        //console.log('error submit!!');
                        return false;
                    }
                });
                this.summaryApplicantsDisplay = true
            }else if(this.currentSteps == 1){
                this.submit(this.formState)
                this.summaryApplicantsDisplay = false
            }else if(this.currentSteps == 2 || this.currentSteps == 3 || this.currentSteps == 4){
                
                this.summaryApplicantsDisplay = false
                this.$refs.ruleForm3.validate(valid => {
                    if (valid) {
                        if(this.currentSteps == 4){
                            jcylxjhgetZzqrmdRs({flxjhid:this.formState.id}).then(res=>{
                                let that = this
                                let num = res.result && res.result.number?res.result.number:0
                                this.$confirm({
                                    title:'是否将上述'+num+'人提交至预备审评员库？',
                                    // icon: createVNode(ExclamationCircleOutlined),
                                    onOk() {
                                        that.seva0(that.formState3,1)
                                    }
                                })
                            })

                        }else{
                            this.seva0(this.formState3,1)
                        }

                    } else {
                        this.summaryApplicantsDisplay = false
                        if(this.currentSteps == 3 || this.currentSteps == 4){
                            this.trainDisplay = true
                        }

                        //console.log('error submit!!');
                        return false;
                    }
                });
            }else{
                this.summaryApplicantsDisplay = false
                this.submit(this.formState)
            }

        },
    }
}
</script>
<style lang="less">
.selectPrudently-handle-modal{
    .ant-steps-item-title{
        font-weight: 600 !important;
        font-size: 18px;
    }
    .ant-modal {
        max-width: 100%;
        top: 0;
        padding-bottom: 0;
        margin: 0;
    }
    .ant-modal-content {
        display: flex;
        flex-direction: column;
        height: calc(100vh);
        background-color: #fff;
    }
    .ant-modal-body {
        flex: 1;
        padding: 12px;
        position: relative;
        background-color: #fff;
        height: calc(100vh - 50px);
    }
    .selectPrudently-form0-model-big-box{
        .ant-descriptions-bordered .ant-descriptions-item-label{
            font-weight: 600;
            color: rgba(0, 0, 0, 0.85);
            background-color:#e6f7ff;
            width: 88px !important;
            text-align: right;
            font-family:simHei !important;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            padding: 5px 10px !important;

        }
        .descriptions-label-slot{
            display: flex;
            align-items: center;
            width: 118px !important;//确保左侧固定文字不会换行
            justify-content: center;
            font-size: 18px !important;
        }
        .ant-form-item-control-wrapper{
            font-size: 16px !important;
            .ant-checkbox-group{
                font-size: 16px !important;
            }
            .ant-checkbox-wrapper{
                font-size: 16px !important;
            }
            
        }
        .xhText{
            display: inline-block;
            color: #f5222d;
            line-height: 31px;
            padding-right: 2px;
            font-size: 14px;
            font-weight: 600;
            height: 30px;
        }
        .descriptions-item-center{

        }
        .ant-form-inline .ant-form-item-with-help{
            margin-bottom: 0px !important;
        }
        .zm-form-model{
            display: flex;
            .ant-form-item-control-wrapper{
                flex: 1;
            }
        }
        .ant-form-item-control-wrapper{
            font-family:仿宋_GB2312 !important;
        }
        .ant-descriptions-bordered .ant-descriptions-row{
            border-bottom: 1px solid #e4e3e3;
        }
        .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content{
            border-right: 1px solid #e4e3e3;
        }
        .ant-descriptions-bordered .ant-descriptions-view{
            border: 1px solid #e4e3e3;
            border-right: 0;
        }
        .ant-descriptions-row:last-child{
            border-bottom: 0;
        }
        .selectPrudently-descriptions-0{
            tbody {
                tr:nth-child(1) {
                    td:nth-child(4){
                        width: 285px !important;
                    }
                    td:nth-child(6){
                        // width: 285px !important;
                    }
                }
            }
        }
        .selectPrudently-descriptions-2{
            tbody {
                tr:nth-child(1) {
                    td:nth-child(4){
                        width: 285px !important;
                    }
                    td:nth-child(6){
                        width: 220px !important;
                    }
                }
            }
        }
    }
  .selectPrudently-tabs-card-edit-box{
        margin: 10px 10px 0 10px;
        .ant-tabs-bar{
            // border: 0 !important;
            border-color: #38f !important;
            margin: 0 !important;
        }
        .ant-tabs-tab{
            background: #edeff3 !important;
            font-size: 14px !important;
            // margin-left: 1px !important;
            height: 30px !important;
            line-height: 30px !important;

        }
        .ant-tabs-tab-active{
            // margin: 0 !important;
            // margin-left: -3px !important;
            // margin-right: -4px !important;
            background-color: #38f !important;
            color: #fff !important;
            height: 32px !important;
            border: 1px solid #38f !important;
            border-bottom: 0 !important;
            padding:0 15px !important;
            // -webkit-mask-image: url(''),
			// 	url(''),
			// 	url("../../../assets//tab-z.png");
			// -webkit-mask-size: 6px 8px, 6px 14px, calc(100% - 13px) calc(100% + 18px);
			// -webkit-mask-position: right bottom, left bottom, center top;
			// -webkit-mask-repeat: no-repeat;

        }
        .ant-tabs-nav-container{
            height: 32px !important;
        }
    }
    .fawwj-fileList-box{
        padding: 0 5px;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        border: 1px solid #d9d9d9;
        .fileList-icon-btn{
            flex: 1;
            display: flex;
            justify-content: space-around;
            .toolbox-filePdf-icon-type{
                font-size: 40px;
                color: #229dfc;
                display: inline-block;
                margin-top: 8px;
            }
            .left-icon-btn,.right-icon-btn{
                padding: 7px 0;
                width: 15px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            .toolbox-delete-icon-type{
                color: #ed5565;
            }
            .toolbox-eye-icon-type{
                color: #1ab394;
                display: inline-block;
                margin-top: 8px;
            }
            .toolbox-download-icon-type{
                color: #229dfc;
            }
            .toolbox-upload-icon-type{
                color: #229dfc;
                display: inline-block;
                // margin-top: 8px;
                margin-right: 10px;
            }
        }
        .toolbox-file-coontern{
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 3px;
            height: 32px;
            .toolbox-file-name{

                flex: 1;
                text-align: center;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2; /* 控制最大行数 */
                -webkit-box-orient: vertical;
            }
        }
    }
    .w-padding-box{

    }
    .surveyResults-content-table{
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        font-family: '宋体' !important;
        .surveyResults-table-top{
            .table-top-item{
                color: #000;
                span:nth-child(1){
                    font-weight: 600;
                }
            }
        }
        th,td{
            padding: 0 3px;
            color: #000;
            font-family: '宋体' !important;
        }
        th{
            text-align: center;
            font-weight: 600;
        }
    }


}
</style>
